* {
    margin:0;
    padding: 0;
    box-sizing: border-box;
    font-size: 16px;
}

.wrap{
    .floor{
        &>div:nth-child(1).line{
            width: 7.5rem;
            height: .2rem;
            background: #F5F5F5
        }
        &>div:nth-child(2).title{
            padding: 0 .3rem;
            height: 1rem;
            line-height: 1rem;
            font-size:.3rem;
            font-family:PingFang-SC-Bold;
            font-weight:bold;
            color:rgba(51,51,51,1);
            border-bottom: 1px solid #E6E6E6
        }
        &>div:nth-child(3).main{
            padding: .3rem;
            min-height: 2rem;
            & .tb-title{
                font-size:.28rem;
                font-family:PingFang-SC-Regular;
                font-weight:400;
                color:rgba(51,51,51,1);
                line-height:.6rem;
                margin-bottom: .3rem;
            }
            & table{
                width: 100%;
                text-align: center;
                margin-bottom: .3rem;
                th{
                    font-size:.2rem;
                    font-family:PingFang-SC-Regular;
                    font-weight:400;
                    line-height:.6rem;
                    background: #0084FF;
                    color: white;
                    border:1px solid rgba(230,230,230,1);
                    padding: 0 .15rem
                }
                td{
                    font-size:.2rem;
                    font-family:PingFang-SC-Regular;
                    font-weight:400;
                    color:rgba(51,51,51,1);
                    line-height:.6rem;
                    border:1px solid rgba(230,230,230,1);
                }
            }
        }
    }

    .floor1{
        .baseInfo>div{
           display: flex;
           align-items: center;
           height: .6rem;
           font-size:.28rem;
           font-family:PingFang-SC-Regular;
           font-weight:400;
           color:rgba(51,51,51,1);
           &>div:nth-child(1){
               margin-right: .1rem
           }
        }
    }
    .floor3{
        padding-bottom: 1rem;
        .pie{
            width: 7.5rem;  
            height: 5rem; 
            &>div{
               width:7.5rem !important;
               canvas{
                width:7.5rem !important;
               }
            } 
           
        };
        .pie-title{
            font-size:.24rem;
            font-family:PingFang-SC-Regular;
            font-weight:400;
            color:rgba(51,51,51,1);
            line-height:.8rem;
            padding: 0 .3rem
        };
        .editor-wrap{
            &>div{
                width:2rem;
                height:.5rem;
                border:1px solid rgba(0,132,255,1);
                border-radius:.25rem;
                text-align: center;
                line-height: .5rem;
                font-size:.24rem;
                font-family:PingFang-SC-Medium;
                font-weight:500;
                color:rgba(0,132,255,1);
                margin: 0 auto .3rem;
                cursor: pointer;
            }
        }
    };
    .footer-wrap{
        width:7.5rem;
        height:1rem;
        background:rgba(255,255,255,1);
        position: fixed;
        left: 0;
        bottom: 0;
        padding: 0 .3rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 1px solid #D9D9D9;
        &>div{
            width:3.2rem;
            height:.7rem;
            border:1px solid rgba(0,132,255,1);
            border-radius:.35rem;
            text-align: center;
            line-height: .7rem;
        };
        &>div:nth-child(1){
            font-size:.3rem;
            font-family:PingFang-SC-Medium;
            font-weight:500;
            color:rgba(0,132,255,1);
        };
        &>div:nth-child(2){
            color: white;
            background: #0084FF;
        }

    }
}
